<template>
  <div id="head-box">
    <div id="head-left" class="angle"><angleLT></angleLT></div>
    <div id="head-center">{{headText}}</div>
    <div id="head-right" class="angle"><angleRT></angleRT></div>
  </div>
</template>

<script>
import angleLT from "../components/angleLT.vue"
import angleRT from "../components/angleRT.vue"
export default {
    components: {
        angleLT,
        angleRT
    },
    props: {        //用来接收父组件传过来的值
        headText: {
            type:String //规定传过来的值为字符串型
        }

    }

}
</script>

<style lang="less" scoped>
#head-box{
    width:100%;
    height:4vh;
    display: flex;
    justify-content: space-between;
    .angle{
        width:3vh;
        height: 3vh;        
         
    }
    #head-center{
        width:16vw;
        height:4vh;
        background:url("../assets/职教桥项目图片/iconlog.png");
        background-size: 100% 100%;
        display: flex;
        justify-content: center;  //左右居中
        align-items: center;  //上下居中
        color:white;
        font-size: 18px;

    }
     
    
         
    }

</style>